new Vue({
    el:"#app",
    data:{
        pro:{
            id:"",           //产品id
            pName:"",         //产品名
            pSn:"",           //产品描述
            pImg:"",          //产品图片
            iPrice:"",        //网站价
            cid:"",           //当前类别
            currentPage:"",   //当前页码
            totalPage:""      //总页数
        },
        comment:{
            titles:"",        //标题
            proid:"",         //产品id
            userid:"",        //用户id
            username:"",      //用户名
            fcontent:"",      //内容
        },
        topic:{
          title:"",
          topicMsg:"",
          content:""
        },
        user:{
            id:"",               //登录用户的id
            name:""              //用户的姓名
        },
        photo:""
    },
    methods:{
        verifyToken:function () {
            // alert("verifyToken");
            //在当前方法中定义一个变量，表明是vue对象
            var _this = this;
            axios.get('/consumer/token/verifyToken')
                .then(function (response) {
                    if (response.data.data == "TOKEN_EXPIRED") {
                        alert("token已失效, 请重新登录！");
                        // token失效, 需要重新登陆
                        window.location.href = "login.html";
                    }
                    // 普通用户无法查看编辑内容, 只有充值用户和管理员才能查看编辑内容
                    if (response.data.data.split("-")[2] == 0) {
                        alert("非会员无法查看更多内容, 立即充值成为会员吧!")
                        // 普通用户无法查看内容, 需要跳转到充值页面
                        window.location.href = "voucherCenter.html";
                    }
                })
                .catch(function (error) {
                    console.log(error);
                })
        },
        editArticle:function () {
            //在当前方法中定义一个变量，表明是vue对象
            var _this = this;
            //axios的post方式需要一个formData来传参
            var formData = new FormData();
            formData.append('title', _this.topic.title);
            formData.append('topicMsg', _this.topic.topicMsg);
            formData.append('content', document.getElementById('content').value);
            var config = {
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            }
            axios.post('/consumer/topic/editTopic', formData, config)
                .then(function (response) {
                    alert("发帖成功！即将跳转到首页！~");
                    window.location.href = "index.html";
                })
                .catch(function (error) {
                    console.log(error);
                })
        },
        //当封面图片上传的时候出发change方法
        getHeadimg:function(event){
            //获取图片
            var _this = this;
            _this.photo = event.target.files[0];

            //上传图片
            event.preventDefault();

            var formData = new FormData();
            formData.append('upload', _this.photo);

            var config = {
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            }
            axios.post('/consumer/common/uploadFile',formData,config)
                .then(function (response) {
                    alert("生成成功！【" + response.data.data + "】");
                    // _this.kpfUser.headimg = response.data.data;
                })
                .catch(function (error) {
                    console.log(error);
                })
        }
    },
    created:function () {
        // 创建的时候先校验token是否合法
        this.verifyToken();
    }
});